<div id="result">
<div class="div_header1" style="float: none;">Edit Blog Category</div>
    <form accept-charset="utf-8" action="<?php echo Configure::read('base_url');?>blog_categories/edit" method="post" id="productmessage">
<table cellspacing="0" >
             <tbody>
                 <tr>
                     <td class="tdtext">
                        Title:
                     </td>
                     <td class="tddata">
                         <?php
                         echo $this->Form->hidden('BlogCategory.id');
                         echo $this->Form->input('BlogCategory.title',array('div'=>false,'label'=>false,'type'=>'text','size'=>45,'class'=>'required'));
                         ?>
                     </td>
                 </tr>
                 <tr>
                    <td colspan="2">
                    <input type="submit" style="background:#73AE0B; color:#fff; font-size:14px;" name="button" id="button" value="Update" />
                    </td>
                  </tr>
                    </tbody>
                </table>
</form>
</div>
<?php  echo $html->script(array("jquery.min.js","jquery.form.js","jquery.validate.js", "jquery.tablesorter.min.js", "jquery.tablednd.js")); ?>
<script type="text/javascript">
 jQuery(document).ready(function(){

// show a simple loading indicator
		var loader = jQuery('<div id="loader"><img src="<?php echo Configure::read('base_url');?>img/loading.gif" alt="loading..." /></div>')
			.css({position: "relative", top: "1em", left: "25em"})
			.appendTo("body")
			.hide();
		jQuery().ajaxStart(function() {
			loader.show();
		}).ajaxStop(function() {
			loader.hide();
		}).ajaxError(function(a, b, e) {
			throw e;
		});

		var v = jQuery("#productmessage").validate({
                    rules: {
                    },
      submitHandler: function(form) {
				jQuery(form).ajaxSubmit({
					target: "#result"
				});
			}
		});


                 });
 </script>